// 创建一个用户相关的小仓库

import { defineStore } from 'pinia'

// 引入接口（登录请求方法）
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user/index'
import type { UserState } from './types/type'
// 引入操作本地存储的工具方法
import { GET_TOKEN, SET_TOKEN, REMOVE_TOKEN } from '@/utils/token'

// 引入路由（常量路由）
import { constantRoute } from '@/router/routes'
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type'

let useUserStore = defineStore('User', {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), //用户唯一标识
      menuRoutes: constantRoute, //仓库存储生成菜单需要数组（路由）
      username: '',
      avatar: '',
    }
  },
  // 异步  逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      let result: loginResponseData = await reqLogin(data)
      console.log(result)

      //   成功 获取到token
      // 失败 返回失败信息
      if (result.code == 200) {
        // pinia 存储token
        // 由于pinia/vuex 存储数据其实利用的js对象
        this.token = result.data as string
        // 本地持久化存储一份
        SET_TOKEN(result.data as string)
        // 能保证asnyc函数返回一个成功的
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
    // 获取用户信息方法
    async userInfo() {
      //  获取用户信息进行存储仓库当中
      let result: userInfoResponseData = await reqUserInfo()
      console.log(result)

      // 如果获取用户信息成功 存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    async userLogout() {
      let result: any = await reqLogout()

      if (result.code == 200) {
        //当前没有mock接口（不做）：服务器数据token失效
        //本地数据清空
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})

// 对外暴露获取小仓库的方法
export default useUserStore
